<!DOCTYPE html>  
<html>  
<head>  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>Baidu Map </title>  
	<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=Dk61hcGEaGzGU0P9yzrsq9K5R7xce4XI"></script>
    <style type="text/css">  
        html{height:100%}  
        body{height:100%;margin:0px;padding:0px}  
        #container{height:100%}  
    </style>  
</head>  
<body>
	<div id="container"></div>
</body>  
<script>
	var map = new BMapGL.Map("container");          // 创建地图实例 
	var point = new BMapGL.Point(113.76910, 34.80357);  // 创建点坐标 
	map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级
	map.setHeading(30);   //设置地图旋转角度
	map.setTilt(30);       //设置地图的倾斜角度
	map.enableScrollWheelZoom(true)//鼠标滚轮
	map.setZoom(18)//设置缩放
	 
	//坐标小红点显示
	var marker = new BMapGL.Marker(point);
	var redPoint = map.addOverlay(marker);

	
	
	// 禁止地图旋转和倾斜可以通过配置项进行设置
	var map = new BMapGL.Map("allmap",{
	    enableRotate: false,
	    enableTilt: false
	});
</script>
</html>
